<template>
  <div>
    <Logon title="用户名">
      <input type="text" />
    </Logon>
    <Logon title="密码">
      <input type="password" />
    </Logon>
    <Logon title="性别">
      <input type="radio" name="sex" value="男" /> 男
      <input type="radio" name="sex" value="女" /> 女
    </Logon>
    <Logon title="爱好">
      <input type="checkbox" value="抽烟" />抽烟
      <input type="checkbox" value="喝酒" />喝酒
      <input type="checkbox" value="烫头" />烫头
    </Logon>
    <Logon title="来自于">
      <select>
        <option value="北京市">北京</option>
        <option value="天津市">天津</option>
        <option value="南京市">南京</option>
      </select>
    </Logon>
  </div>
</template>

<script>
import Logon from "./components/Logon.vue";
export default {
  components: {
    Logon,
  },
};
</script>

<style>
</style>